
.detail-page {
    height: 100%;
    font-size: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.cont-detail-tab {
    width: 100%;
    height: unset;
    position: absolute;
    left: 0;
    top: px2rem(209px);
    bottom: 0;
}
.ui-tab .ui-tab-title {
    display: block;

    .ui-tab-item {
        width: px2rem(150px);
    }
    .ui-tab-item-selected:after {
        content: ' ';
        position: absolute;
        bottom: 0;
        left: px2rem(15px);
        width: px2rem(120px);
        height: px2rem(3px);
        background-color: #28B778;
    }
}
.ui-item  {
    padding-left: px2rem(26px);
}
.sponsor-comment-list-view .ui-item {
    padding: 0;
    background: #F6F6F6;
}
.list-items {
    position: absolute;
    top: px2rem(284px);
    left: 0;
    right: 0;
    bottom: 0;
}

.content-item {
    display: block;
    padding: px2rem(23px) px2rem(26px);
    color: #333333;
    margin-bottom: px2rem(20px);
    background: #fff;

    .user-info {
        img,
        span {
            display: inline-block;
            vertical-align: middle;
        }
        img,
        .head {
            width: px2rem(80px);
            height: px2rem(80px);
            line-height: px2rem(80px);
            background-color: #E84F4B;
            color: #fff;
            border-radius: 50%;
            text-align: center;
        }
        .name {
            font-size: px2rem(30px);
            margin-left: px2rem(15px);
        }
        .time {
            font-size: px2rem(18px);
            color: #999999;
            float: right;
            margin-top: px2rem(30px);
        }
    }
    .content-text {
        font-size: px2rem(26px);
        line-height: px2rem(36px);
        height: px2rem(72px);
        margin: px2rem(25px) 0;
        overflow: hidden;
    }
    .star-info {
        text-align: right;
        // background: #ECECEC;
        background: rgba(236, 236, 236, 0.65);
        // width: px2rem(700px);
        height: px2rem(88px);
        border-radius: px2rem(7px);
        display: -webkit-flex;
        display: flex;
        padding: 0 px2rem(15px) 0 px2rem(23px);
        overflow: hidden;

        .play-name {
            display: inline-block;
            vertical-align: middle;
            text-align: left;
            -webkit-flex: 1;
            flex: 1;
            display: -webkit-flex;
            display: flex;
            align-items: center;
        }
        .star-items {
            display: inline-block;
            vertical-align: middle;
            text-align: left;
            font-size: 0;
            margin: px2rem(28px) px2rem(15px);

            .star-item {
                display: inline-block;
                vertical-align: middle;
                width: px2rem(32px);
                height: px2rem(32px);
                margin: 0 px2rem(6px);
                background: url('images/info/star_show.png') no-repeat no-repeat center center;
                background-size: 100% 100%;
            }
            .star-item.bright {
                background: url('images/info/star_show_checked.png') no-repeat no-repeat center center;
                background-size: 100% 100%;
            }
        }
    }
}
ul.tag {
    padding: 0 px2rem(26px);
    margin: 0;
    background: #fff;
    border-bottom: px2rem(2px) solid #ECECEC;

    .ui-checkbox.good {
        background: #C8ECDC;
        color: #28B778;
    }
    .ui-checkbox.good.ui-checkbox-checked {
        background: #28B778;
        color: #fff;
    }
    .ui-tag-expand {
        display: block;
        width: px2rem(200px);
        font-size: 0;
        margin: 0 auto !important;
        background: #fff;
        border: none;
        background: url('images/info/expand.png') no-repeat no-repeat center center;
        background-size: px2rem(32px) auto;
    }
    .ui-tag-expand.ui-checkbox-checked {
        background: url('images/info/collapse.png') no-repeat no-repeat center center;
        background-size: px2rem(32px) auto;
    }

}
.no-data.no-commont {
    background: #fff;
    margin-top: px2rem(80px)!important;
}
